<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/backcommon.css" rel="stylesheet" type="text/css" />
<link href="css/back-order.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:#f2f2f2;">
<div class="placeOrder">
  <div class="title">选择收货地址</div>
  <div class="editAddress">
    <ul>
      <li class="on"> <em></em>
        <div class="adtitle"><span>默认地址</span>小团子</div>
        <p class="name">江苏省 南京市 六合区 八百镇长山社区金锐机械厂</p>
        <div class="num"><span><a href="#">编辑</a> <a href="#">删除</a></span>1835195941 </div>
      </li>
      <li> <em></em>
        <div class="adtitle"><a href="#">设为默认地址</a>小团子</div>
        <p class="name">江苏省 南京市 六合区 八百镇长山社区 金锐机械厂南门菜场 雄州街道</p>
        <div class="num"><span><a href="#">编辑</a> <a href="#">删除</a></span>1835195941 </div>
      </li>
      <li> <em></em>
        <div class="adtitle"><a href="#">设为默认地址</a>小团子</div>
        <p class="name">江苏省 南京市 六合区 八百镇长山社区 金锐机械厂南门菜场 雄州街道</p>
        <div class="num"><span><a href="#">编辑</a> <a href="#">删除</a></span>1835195941 </div>
      </li>
      <li class="add"> <a href="#"><span></span>新增收货地址</a> </li>
    </ul>
  </div>
  <div class="title">发票信息</div>
  <div class="invoiceBox">
    <div class="invtabtitle">
      <label>发票类型：</label>
      <a href="#" class="on">增值税专用发票<span></span></a><a href="#">增值税普通发票<span></span></a><a href="#">无需发票<span></span></a></div>
    <div class="invtabcont">
      <div class="sinvtabcont">
        <ul>
          <li>
            <label>公司名称：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写公司名称" />
            </div>
          </li>
          <li>
            <label>纳税人识别号：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写纳税人识别号" />
            </div>
          </li>
          <li>
            <label>注册地址：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写注册地址" />
            </div>
          </li>
          <li>
            <label>注册电话：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写注册电话" />
            </div>
          </li>
          <li>
            <label>开户银行：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写开户银行" />
            </div>
          </li>
          <li>
            <label>开户账号：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写开户账号" />
            </div>
          </li>
          <li>
            <label>&nbsp;</label>
            <div class="inputfile"> <a href="#" class="abtn">立即保存</a> </div>
          </li>
        </ul>
      </div>
      <div class="sinvtabcont" style="display:none;">
        <ul>
          <li>
            <label>发票抬头：</label>
            <div class="inputfile">
              <input type="text" placeholder="请填写发票抬头" />
            </div>
          </li>
          <li>
            <label>&nbsp;</label>
            <div class="inputfile"> <a href="#" class="abtn">立即保存</a> </div>
          </li>
        </ul>
      </div>
      <div class="sinvtabcont" style="display:none;">
        <p>&nbsp;</p>
      </div>
    </div>
  </div>
  <div class="title">项目信息</div>
  <div class="projectInfo"> <span><i class="gray">项目名称：</i>某学校楼宇智能系统</span> <span><i class="gray">甲方名称：</i>xxx公司 </span> <span><i class="gray">报价截止时间：</i>2016-09-08 </span> </div>
  <div class="title">确认订单信息</div>
  <div class="dataTable orderTable">
    <table>
      <tbody>
        <tr>
          <th colspan="6"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;
              <div class="cname">卖家：江苏学则智能科技有限公司 </div>
            </div></th>
        </tr>
        <tr class="tdtitle">
          <td width="35%"><p class="name font14">商品名称</p></td>
          <td width="13%">品牌</td>
          <td width="13%">型号</td>
          <td width="13%">单价</td>
          <td width="13%">数量</td>
          <td width="13%">小计</td>
        </tr>
        <tr>
          <td><p class="name"><a href="#">30万像素红外一体网络摄像机 网络型 一体机 SN1715-CIL /DCW65寸三星/LG/DID液晶监视器/显示器</a></p></td>
          <td>海康威视</td>
          <td>海康UYIP-12</td>
          <td>￥230.00</td>
          <td>5.o</td>
          <td><b class="orange">￥4000.00</b></td>
        </tr>
        <tr>
          <td><p class="name"><a href="#">30万像素红外一体网络摄像机 网络型 一体机 SN1715-CIL /DCW65寸三星/LG/DID液晶监视器/显示器</a></p></td>
          <td>海康威视</td>
          <td>海康UYIP-12</td>
          <td>￥230.00</td>
          <td>5.o</td>
          <td><b class="orange">￥4000.00</b></td>
        </tr>
      </tbody>
    </table>
    <div class="placemsg fix">
    	<div class="txt">
        	<textarea placeholder="给卖家留言"></textarea>不得超出100字
        </div>
        <div class="price">
        	<p>小计： <span class="orange">￥36048.00</span></p>
            <p>优惠：-￥48.00</p>
        </div>
    </div>
  </div>
  <div class="dataTable orderTable">
    <table>
      <tbody>
        <tr>
          <th colspan="6"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;
              <div class="cname">卖家：江苏学则智能科技有限公司 </div>
            </div></th>
        </tr>
        <tr class="tdtitle">
          <td width="35%"><p class="name font14">商品名称</p></td>
          <td width="13%">品牌</td>
          <td width="13%">型号</td>
          <td width="13%">单价</td>
          <td width="13%">数量</td>
          <td width="13%">小计</td>
        </tr>
        
        <tr>
          <td><p class="name"><a href="#">30万像素红外一体网络摄像机 网络型 一体机 SN1715-CIL /DCW65寸三星/LG/DID液晶监视器/显示器</a></p></td>
          <td>海康威视</td>
          <td>海康UYIP-12</td>
          <td>￥230.00</td>
          <td>5.o</td>
          <td><b class="orange">￥4000.00</b></td>
        </tr>
      </tbody>
    </table>
    <div class="placemsg fix">
    	<div class="txt">
        	<textarea placeholder="给卖家留言"></textarea>不得超出100字
        </div>
        <div class="price">
        	<p>小计： <span class="orange">￥36048.00</span></p>
            <p>优惠：-￥48.00</p>
        </div>
    </div>
  </div>
  <div class="discountPrice">
  	 <p>合计金额：<b> ￥36048.00</b></p>
     <p>优惠金额：-￥48.00</p>
  </div>
  <div class="payPrice">
  	<p>应付总额：<b class="orange">￥36048.00</b></p>
    <p class="p2">寄送至： 江苏 南京市 六合区 城区 龙池街道宁天城际S8龙池站3号口，靠南门新车站 收货人：赵伟 183****5941</p>
  </div>
  <div class="btn btn-right"><a href="#" class="abtn">确认订单</a></div>
</div>

<!--新增收货地址 -->
<div class="tanbox tanEditAddress" style="display:none;">
    <div class="tanbg"></div>
    <div class="box">
        <div class="title"><span class="closed"></span>新增收货地址</div>
        <div class="cont">
            <ul>
                <li class="errorli">
                    <label>收货人：</label>
                    <div class="inputfile">
                        <input type="text" value="王雅琪"  class="input" /> <span class="error"><i></i>请填写收货人</span>
                    </div>
                </li>
                <li class="errorli">
                    <label>所在地区：</label>
                    <div class="inputfile">
                        <div class="d1"><select><option>请选择省/直辖市</option></select> <select><option>请选择省/直辖市</option></select> <select class="last"><option>请选择省/直辖市</option></select> <span class="error"><i></i>请选择地区</span></div> 
                        <div class="d2"><input type="text"  class="input" placeholder="详细地址" /> <span class="error"><i></i>请填写收货人</span></div>
                    </div>
                </li>
                <li class="errorli">
                    <label>手机号码：</label>
                    <div class="inputfile">
                        <input type="text"  class="input" placeholder="请填写常用手机号码" /> <span class="error"><i></i>请填写手机号</span>
                    </div>
                </li>
                <li>
                    <label>固定电话：</label>
                    <div class="inputfile">
                        <input type="text" class="input" placeholder="固定电话" />
                        <div class="ck"><input type="checkbox" /> 设为默认地址</div>
                    </div>
                </li>
                <li>
                    <label>&nbsp;</label>
                    <div class="inputfile btn btn-left">
                        <a href="#">保存收货人地址</a> <a href="#">取消</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    </div>
    
<!--确认删除 -->
<div class="tanbox tanConfirm">
    <div class="tanbg"></div>
    <div class="box">
    	<span class="closed"></span>
         <div class="cont">
         	<p>您确定要删除该收获地址？</p>
            <div class="btn">
                <a href="#">确定</a> <a href="#">取消</a>
            </div>
         </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
	$(function(){
		//发票类型切换
		$('.invtabtitle a').click(function(){
			$(this).siblings('a').removeClass('on').end().addClass('on');
			$('.sinvtabcont').hide().eq($(this).index()-1).show();
			return false;	
		})
		//发票信息提交交互
		$('.sinvtabcont .abtn').click(function(){
			$(this).parents('ul').addClass('disabled');
			$(this).parents('.sinvtabcont').find('input').attr('disabled','disabled');
			return false;	
		})
		//弹窗关闭
		$('.tanbox .closed').click(function(){
			$(this).parents('.tanbox').hide();	
		})
	})
</script>
</body>
</html>
